<template>
	<view class="wrap">
		<custom-nav-sq-xcx :isBack="true" currBg="usuallyBg" :needConBlock="true">
			<template v-slot:tab>
				<sq-tit-tab-nav
					:typeTabNav="typeTabNav"
					:typeTabIndex="typeTabIndex"
					@switchTypeTab="switchTypeTab"
				></sq-tit-tab-nav>
			</template>
		</custom-nav-sq-xcx>
		<sq-order-tab
			:orderStaArr="orderStaArr"
			:orderStaIndex="orderStaIndex"
			@swithOrderTab="swithOrderTab"
		></sq-order-tab>
		<view class="padd">
			<sq-zx-order-list></sq-zx-order-list>
		</view>
	</view>
</template>

<script>
	import SqTitTabNav from '../components/SqTitTabNav'
	import SqOrderTab from '../components/SqOrderTab'
	import SqZxOrderList from './components/SqZxOrderList'
	export default {
		components:{
			SqTitTabNav,
			SqOrderTab,
			SqZxOrderList
		},
		data(){
			return{
				typeTabNav:[
					{id:1,name:'我的咨询'},
					{id:2,name:'我的倾诉'}
				],
				typeTabIndex:0,
				typeId:1,
				orderStaArr:[
					{id:'-1',name:'全部'},
					{id:'0',name:'待支付'},
					{id:'1',name:'待咨询'},
					{id:'6',name:'已完成'},
					{id:'7',name:'已取消'}
				],
				orderStaIndex:0
			}
		},
		onLoad(){
			
		},
		methods:{
			switchTypeTab(index,item){
				this.typeTabIndex = index;
				this.typeId = item.id;
			},
			swithOrderTab(index,item){
				this.orderStaIndex = index;
			}
		}
	}
</script>
<style lang="scss">
	page{background: $sq-fuf;}
</style>
<style lang="scss" scoped>
	.wrap{
		padding:100rpx 0 1rpx;
	}
</style>